<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js</title>
</head>
<body>
	<form action="">
		<p>用户名:</p>
		<p><input type="text" name="username"></p>
		<p>密码:</p>
		<p><input type="text" name="password"></p>
		<p><input type="submit" value="OK"></p>
	</form>
</body>

<script>
	//getElementsByName很少用
	usernameobj=document.getElementsByName('username');
	//getElementsByName 通过标签name值获取；a连接有name值，name值为锚点。input有name值
	//alert(usernameobj);//获取到的是节点列表 object NodeList，类似于数组

	//NodeList节点列表：放节点的，什么是节点，html中dom里面有一种叫节点数，把页面上任何一个元素都视为节点，但是操作难度大。jquery中有一部分叫文档操作，就是关于节点的事情。作者已经写好了。
	usernameobj[0].onfocus=function(){
		this.style.outlineColor='#f00'; //获取焦点是，用户名文本框变为红色
	}

	

</script>
</html>